// $('tbody tr').children().eq(5).css('width','150px').text('yyyyy');


$.ajax({
		url:"php/gouwuche.php",
		data:{},
		success:function(data){
			$.each(JSON.parse(data),function(i,v){
				//加载页面时，加载数据库内的购物车内物品
				//<td><img src="img/${v.img}"></td>
				var $tr=$(`
					<tr>
						<td><input type="checkbox"></td>
						<td><img src="${v.img}"></td>
						<td>${v.wupian}</td>
						<td>${v.shoujia}元</td>
						<td>
							<div>
								<span>-</span>
								<span>1</span>
								<span>+</span>
							</div>
						</td>
						<td></td>
						<td><span>&times;</span></td>
					</tr>
				`)
				$('tbody').append($tr);
			})
			console.log(JSON.parse(data));
			init();
		}
		
	})

// console.log(obj)







function init(){
	if($('tbody tr').length==0){
		$('table').css('display','none');
		$('.jiesuanbg').css('display','none');
		$('.goumaichgonbg').css('display','none');
		$('.kongouwuchebg').css('display','block');
	}
	
	
	//初始化每一行的小计
	for(var i=0;i<$('tbody tr').length;i++){
		$('tbody tr').eq(i).children().eq(5).css('width','150px').text($('tbody tr').eq(i).children().eq(5).siblings().eq(3).text());
	}
	
	//从购物车内删除
	$('tbody tr td:nth-child(7) span').click(function(){
		
		$.ajax({
				url:"php/gouwucheremove.php",
				data:{
					wupian:$(this).parent().siblings().eq(2).text()
				},
				success:function(data){
					console.log(data);
				}
		})
		if($('tbody tr').length==1){
			$('table').css('display','none');
			$('.jiesuanbg').css('display','none');
			$('.kongouwuchebg').css('display','block')
		}
		console.log($('tbody tr').length)
		$(this).parent().parent().remove();
		$('.zgjianshu').text(' '+$('tbody tr').length+' ');
	})
	
	
	
	//商品数量减按钮
	$('tbody tr td:nth-child(5)>div span:nth-child(1)').click(function(){
		if($(this).next().text()==1){
			alert('最小只能选择1');
			return;
		}else{
			$(this).next().text($(this).next().text()-1);
			//同步小计价格
			$(this).parent().parent().next().text(parseFloat($(this).parent().parent().prev().text())*$(this).next().text()+'元')
		}
	})
	
	
	//商品数量加按钮
	$('tbody tr td:nth-child(5)>div span:nth-child(3)').click(function(){
			$(this).prev().text($(this).prev().text()*1+1);
			//同步小计价格
			$(this).parent().parent().next().text(parseFloat($(this).parent().parent().prev().text())*$(this).prev().text()+'元')
	})
	
	// console.log($('tbody tr td:nth-child(5)>div span:nth-child(3)'))
	
	//购物车内商品数量
	$('.zgjianshu').text(' '+$('tbody tr').length+' ');
	
	
	
	
	// console.log($('tbody input').length)
	//勾选商品
	$('tbody input').on('click',function(){
		//记录勾选的按钮数量
		var a=0;
		//记录合计的价格
		var money=0;
		
		for(var i=0;i<$('tbody input').length;i++){
			if($('tbody input')[i].checked==true){
				a++;
				money=money+parseFloat($('tbody input').eq(i).parent().siblings().eq(4).text())
				// console.log($('tbody input').eq(i).parent().siblings().eq(4).text())
				// console.log(money)
			}
			
		}
		//同步全选按钮
		if(a==$('tbody input').length){
			$('thead input')[0].checked=true;
		}else{
			$('thead input')[0].checked=false;
		}
		
		//已选数量
		$('.yixuan').text(' '+a+' ');
		//合计价格
		$('.heji').text(money)
		if(a!=0){
			$('.pay').addClass('paychen')
			// console.log($('.pay'))
		}else{
			$('.pay').removeClass('paychen')
		}
	})
	
	//全选按钮
	$('thead input').click(function(){
		var money=0;
		for(var i=0;i<$('tbody input').length;i++){
			if($('thead input')[0].checked==true){
				$('tbody input')[i].checked=true;
				$('.yixuan').text(' '+$('tbody input').length+' ')
			}else{
				$('tbody input')[i].checked=false;
				$('.yixuan').text(' '+0+' ');
				
			}
		}
		for(var i=0;i<$('tbody input').length;i++){
			if($('tbody input')[i].checked==true){
				money=money+parseFloat($('tbody input').eq(i).parent().siblings().eq(4).text())
				console.log(money)
			}
			
		}$('.heji').text(money)
	})
	
	$('.pay').click(function(){
		$('table').css('display','none');
		$('.jiesuanbg').css('display','none');
		$('.goumaichgonbg').css('display','block');
	})
}




















